<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jstl/core">
<h:head>
	<title>#{i18n.default_title}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<h:outputStylesheet name="css/main.css" />
</h:head>
<h:body>
<p:growl id="messages" autoUpdate="true" />
	<div id="container">
		<div id="bandeau"></div>
		<div id="menuZone">
			<h:form id="menuForm">
				<p:commandButton id="notConnectSearch" value="#{i18n.recherche}"
					styleClass="notConnectSearchButton"
					actionListener="#{userMBean.connectUser}" />
			</h:form>
		</div>
		<div id="ConnectZone">
			
				<p:button id="connectZoneButton"
					value="#{i18n.connectpanel_connexion}"
					styleClass="connectZoneButton" onclick="return false">
					<p:effect event="click" type="fade" speed="1">
					</p:effect>
					<p:effect event="click" type="slide" for="connectPaneF" delay="300">
						<f:param name="mode" value="'show'" />
						<f:param name="direction" value="'rigth'" />
					</p:effect>
				</p:button>
			<p:outputPanel id="connectPaneF" styleClass="connectPaneF"
				style="display: none;">
				<p:button id="connectZoneButtonHide"
					value="#{i18n.connectpanel_connexion}"
					styleClass="connectZoneButtonHide" onclick="return false">
					<p:effect event="click" type="slide" for="connectZoneButton"
						delay="1200" speed="500">
						<f:param name="mode" value="'show'" />
						<f:param name="direction" value="'rigth'" />
					</p:effect>
					<p:effect event="click" type="slide" for="connectPaneF">
						<f:param name="mode" value="'hide'" />
						<f:param name="direction" value="'rigth'" />
					</p:effect>
				</p:button>	
			<ui:include src="/desktop/loginPanel.xhtml" />
			</p:outputPanel>
		</div>
		<div id="content">
			<ui:insert name="content">
                    [Template content will be inserted here]
         </ui:insert>
		</div>
		<div id="footer">
			<h:graphicImage value="/resources/gfx/logo.png" alt="Weld logo" />
			<p>
				This project was generated from a Maven archetype from JBoss.<br />
			</p>
		</div>
	</div>
</h:body>
</html>
